.login-header {
		background-image: url(../../static/app/register_bg.png);
		background-size: cover;
		height: 400rpx;
		width: 100%;
		color: #ffffff;
		display: flex;
		align-items: flex-end;
		justify-content: center;
		font-size: 64rpx;
		color: #5864FD;
	}

	.login-container {
		background: #ffffff;
	}
	.tip{
		text-align: center;
		margin-top: 10rpx;
		font-size: 28rpx;
		color: #3D3D3D;
	}
	.login-container input {
		height: 88rpx;
		line-height: 88rpx;
	}

	.wechatapp {
		padding: 80rpx 0 48rpx;
		border-bottom: 1rpx solid #e3e3e3;
		margin-bottom: 72rpx;
		text-align: center;
	}

	.wechatapp .header {
		width: 190rpx;
		height: 190rpx;
		border: 2px solid #fff;
		margin: 0rpx auto 0;
		border-radius: 50%;
		overflow: hidden;
		box-shadow: 1px 0px 5px rgba(50, 50, 50, 0.3);
	}

	.auth-title {
		color: #585858;
		font-size: 34rpx;
		margin-bottom: 40rpx;
	}

	.auth-subtitle {
		color: #888;
		margin-bottom: 88rpx;
		font-size: 28rpx;
	}

	.login-btn {
		padding: 0 20rpx;
	}

	.login-btn button {
		height: 88rpx;
		line-height: 88rpx;
		background: #04be01;
		color: #fff;
		font-size: 30rpx;
		border-radius: 999rpx;
		text-align: center;
	}

	.no-login-btn {
		margin-top: 20rpx;
		padding: 0 20rpx;
	}

	.no-login-btn button {
		height: 88rpx;
		line-height: 88rpx;
		background: #dfdfdf;
		color: #fff;
		font-size: 30rpx;
		border-radius: 999rpx;
		text-align: center;
	}

	.gray3 image {
		width: 50rpx;
		height: 50rpx;
	}

	.get-code-btn {
		width: 200rpx;
		height: 80rpx;
		line-height: 76rpx;
		padding: 0rpx 30rpx;
		// border-radius: 40rpx;
		white-space: nowrap;
		// border: 1rpx solid $dominant-color;
		color: $dominant-color;
		font-size: 30rpx;
		background-color: #ffffff;
		border-left: 1px solid #f7f7f7;
	}

	.get-code-btn[disabled='true'] {
		border: 1rpx solid #cccccc;
	}
	
	.btns{
		display: flex;
		align-items: center;
		justify-content: space-around;
	}

	.btns button {
		height: 90rpx;
		line-height: 90rpx;
		font-size: 34rpx;
		background: $dominant-color;
		color: #ffffff;
		width: 80%;
		border: 1px solid $dominant-color;
	}
	.btns .btn1{
		background: #ffffff;
		color: $dominant-color;
	}
	.btn1{
		
		margin-right: 10rpx;
	}
	.form-level {
		border-bottom: 1px solid #f1f1f1;
		margin-top: 40rpx;
	}

	.placeholder-class {
		color: #AAADB7;
	}

	.field-name {
		margin-right: 20rpx;
	}
	.register-btn{
		color: $dominant-color;
		font-size: 28rpx;
		text-align: right;
		padding-right: 40rpx;
		
	}
	.bottom-tip{
		display: flex;
		align-items: center;
		justify-content: center;
		.tip-title{
			color:$dominant-color;
		}
	}
	.msgagreem-item{
		width: 100%;
		margin: 0 auto;
		position: fixed;
		height: 100%;
		top: 0;
		left: 0;
		background-color: #FFFFFF;
		//padding: 20rpx;
		z-index: 999;
		overflow: auto;
	}
	.msgagreem{
		width: 96%;
		padding: 0 20rpx;
		margin-top: 0rpx;
		
	}
	.msgagreem-item image{
		width: 40rpx;
		height: 40rpx;
		margin-top: 40rpx;
		margin-left: 10rpx;
		display: block;
	}
